<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="author" content="ThemeFuse"/>
    <meta name="keywords" content=""/>

    <title>scream - 主页</title>
    <link href='http://fonts.googleapis.com/css?family=Lato:400italic,400,700|Bitter' rel='stylesheet' type='text/css'/>
    <link href="${pageContext.request.contextPath}/style/style.css" media="screen" rel="stylesheet" type="text/css"/>
    <link href="${pageContext.request.contextPath}/styles/orange-blue.css" media="screen" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/general.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/preloadCssImages.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.tools.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.easing.1.3.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/slides.min.jquery.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('.header_slider').slides({

                play: 5000,
                pause: 3500,
                hoverPause: true,
                animationStart: function (current) {
                    $('.caption').animate({
                        bottom: -90
                    }, 200);
                    if (window.console && console.log) {
                        console.log('animationStart on slide: ', current);
                    }
                    ;
                },
                animationComplete: function (current) {
                    $('.caption').animate({
                        bottom: 0
                    }, 200);
                    if (window.console && console.log) {
                        console.log('animationComplete on slide: ', current);
                    }
                    ;
                },
                slidesLoaded: function () {
                    $('.caption').animate({
                        bottom: 0
                    }, 200);
                }
            });
        });
    </script>

    <link href="${pageContext.request.contextPath}/css/cusel.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/cusel-min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jScrollPane.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.mousewheel.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            var params = {
                changedEl: ".select_styled",
                visRows: 15,
                scrollArrows: true
            }
            cuSel(params);
        });
    </script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.dependClass.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.slider-min.js"></script>
    <link href="${pageContext.request.contextPath}/css/jslider.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jcarousel.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/images/skins/tango/skin.css"/>

    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/ie.css><![endif]-->
    <link href="${pageContext.request.contextPath}/css/custom.css" media="screen" rel="stylesheet" type="text/css"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

<body>
<div class="body_wrap">

    <div class="header" style="background-image:url(${pageContext.request.contextPath}/images/header_grass_sky.jpg);">
        <div class="header_inner">
            <div class="container_12">

                <div class="header_top">

                    <div class="logo">
                        <a href="index.html"><img src="${pageContext.request.contextPath}/images/logo.png" alt=""/></a>
                        <h1>scream - 房地产</h1>
                    </div>

                    <div class="topmenu">
                        <ul class="dropdown">
                            <li class="menu-item-home"><a href="index.html"><span>首页</span></a></li>
                            <li><a href="properties-list.html"><span>房源</span></a></li>
                            <li><a href="search.html"><span>搜索</span></a></li>
                            <li><a href="contact.html"><span>联系</span></a></li>
                            <li><a href="analyse.html"><span>分析</span></a></li>
                            <li><a href="${pageContext.request.contextPath}/user/login"><span>登录</span></a></li>
                            <li><a href="analyse.html"><span>注册</span></a></li>
                        </ul>
                    </div>

                    <div class="header_phone">
                        <span>三峡大学</span></br>
                        <span>Scream团队</span>
                    </div>

                    <div class="clear"></div>
                </div>

                <div class="header_bot">
                    <div class="search_home">
                        <p class="search_title"><strong>寻找房子</strong></p>
                        <form action="#" method="post" class="form_search"/>
                        <div class="row rowInput">
                            <label class="label_title">城市 / 市镇:</label>
                            <input type="text" name="location" value=""/>
                        </div>

                        <div class="row form_switch">
                            <label class="label_title">交易:</label>

                            <div class="switch">
                                <label for="switch1" class="cb-enable selected"><span>出售</span></label>
                                <label for="switch2" class="cb-disable"><span>出租</span></label>
                                <input type="radio" id="switch1" name="field" checked=""/>
                                <input type="radio" id="switch2" name="field"/>
                            </div>
                        </div>
                        <div class="row selectField">
                            <label class="label_title">房间数目:</label>

                            <select class="select_styled" name="search_no_beds" id="search_no_beds" title="Beds">
                                <option value="0"/>
                                床位数
                                <option value="1"/>
                                1
                                <option value="2"/>
                                2
                                <option value="3"/>
                                3
                                <option value="4"/>
                                4
                                <option value="other"/>
                                5+
                            </select>

                            <select class="select_styled" name="search_no_baths" id="search_no_baths" title="Baths">
                                <option value="0"/>
                                卫生间数
                                <option value="1"/>
                                1
                                <option value="2"/>
                                2
                                <option value="3"/>
                                3
                                <option value="4"/>
                                4
                                <option value="other"/>
                                5+
                            </select>
                        </div>

                        <div class="row rangeField">
                            <div class="range-slider">
                                <input id="price_range" type="text" name="price_range" value="200000;750000"/>
                            </div>
                            <div class="clear"></div>
                        </div>

                        <div class="row submitField">
                            <input type="submit" value="FIND PROPERTIES" id="search_submit" class="btn_search"/>
                        </div>

                        </form>
                        <script type="text/javascript">
                            jQuery(document).ready(function ($) {
                                // Switch Type
                                $(".cb-enable").click(function () {
                                    var parent = $(this).parents('.switch');
                                    $(parent).removeClass('switch_off');
                                    $('.cb-disable', parent).removeClass('selected');
                                    $(this).addClass('selected');
                                });
                                $(".cb-disable").click(function () {
                                    var parent = $(this).parents('.switch');
                                    $(parent).addClass('switch_off');
                                    $('.cb-enable', parent).removeClass('selected');
                                    $(this).addClass('selected');
                                });

                                // Price Range Input
                                $("#price_range").slider({
                                    from: 0,
                                    to: 1000000,
                                    scale: [0, '|', '250k', '|', '500k', '|', '750k', '|', '1Mil'],
                                    limits: false,
                                    step: 500,
                                    smooth: true,
                                    dimension: '&nbsp;$',
                                    skin: "round_gold"
                                });
                            });
                        </script>
                    </div>

                    <div class="header_slider">
                        <span class="slider_ribbon"></span>
                        <div class="slides_container">
                            <div class="slide">
                                <a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/home_slide_5.jpg" width="645"
                                                                       height="407" alt=""/></a>
                                <div class="caption"><p>江山风华(公寓住宅) - 王家河 - 4 室, 3 卫: <span
                                        class="price"> 789,000元</span></p></div>
                            </div>
                            <div class="slide">
                                <a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/home_slide_2.jpg" width="645"
                                                                       height="407" alt=""/></a>
                                <div class="caption"><p>世纪欧洲城 - 东门 - 3 室, 5 卫: <span class="price"> 1 789,000元</span>
                                </p></div>
                            </div>
                            <div class="slide">
                                <a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/home_slide_3.jpg" width="645"
                                                                       height="407" alt=""/></a>
                                <div class="caption"><p>清江月亮湾 - 伍家岗周边 - 3 室, 2 卫: <span class="price"> 320,000元</span>
                                </p></div>
                            </div>
                            <div class="slide">
                                <a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/home_slide_1.jpg" width="645"
                                                                       height="407" alt=""/></a>
                                <div class="caption"><p>三江园 - CBD - 4 室, 3 卫: <span class="price"> 789,000元</span></p>
                                </div>
                            </div>
                            <div class="slide">
                                <a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/home_slide_4.jpg" width="645"
                                                                       height="407" alt=""/></a>
                                <div class="caption"><p>伍家岗 － 中南路2号 - 4 室, 3 卫: <span class="price">789,000元</span></p>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!--/ header -->

    <!-- carousel before content -->
    <div class="before_content">
        <div class="container_12">
            <h2>最新添加的房源</h2>

            <div class="quick_filter">
                <a href="javascript: void(0);" id="link_q_filter">只显示从 <strong>我的区域</strong></a>

                <div class="quick_filter_box">
                    <div class="quick_filter_form">
                        <form action="#" method="get"/>
                        <input type="text" name="q_text" value="" id="q_text" class="search_text"/>
                        <input type="submit" value="" class="search_btn"/>
                        </form>
                    </div>
                    <div class="quick_filter_results">
                        <div><span>辛辛那提, 俄亥俄州</span> - 美国</div>
                        <div><span>加拿大西纳, 迪亚巴克尔</span> - 土耳其</div>
                        <div><span>电影院, 不列颠哥伦比亚</span> - 加拿大</div>
                    </div>
                </div>

            </div>

            <div class="carusel_list">
                <ul id="latest_properties" class="jcarousel-skin-tango">
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/property_01.jpg"
                                                                                       width="218" height="125" alt=""/></a>
                        </div>
                        <div class="item_row item_type"><span>房屋类型:</span> <a href="#"><strong>公寓</strong></a></div>
                        <div class="item_row item_price"><span>开价:</span> <strong>295,000元</strong></div>
                        <div class="item_row item_rooms"><span>房间数:</span> <strong>3 室, 2 卫</strong></div>
                        <div class="item_row item_location"><span>城市 / 市镇:</span> <strong>西陵－珍珠路</strong></div>
                        <div class="item_row item_view"><a href="properties-details.html" class="btn_view">查看房源</a>
                        </div>
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/property_02.jpg"
                                                                                       width="218" height="125" alt=""/></a>
                        </div>
                        <div class="item_row item_type"><span>房屋类型:</span> <a href="#"><strong>小区</strong></a></div>
                        <div class="item_row item_price"><span>开价:</span> <strong>655,000元</strong></div>
                        <div class="item_row item_rooms"><span>房间数:</span> <strong>6 室, 3 卫</strong></div>
                        <div class="item_row item_location"><span>城市 / 市镇:</span> <strong>伍家岗－城东大道</strong></div>
                        <div class="item_row item_view"><a href="properties-details.html" class="btn_view">查看房源</a>
                        </div>
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/property_03.jpg"
                                                                                       width="218" height="125" alt=""/></a>
                        </div>
                        <div class="item_row item_type"><span>房屋类型:</span> <a href="#"><strong>工作室</strong></a></div>
                        <div class="item_row item_price"><span>开价:</span> <strong>139,000元</strong></div>
                        <div class="item_row item_rooms"><span>房间数:</span> <strong>1 室, 1 卫</strong></div>
                        <div class="item_row item_location"><span>城市 / 市镇:</span> <strong>西陵－沿江大道</strong></div>
                        <div class="item_row item_view"><a href="properties-details.html" class="btn_view">查看房源</a>
                        </div>
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/property_04.jpg"
                                                                                       width="218" height="125" alt=""/></a>
                        </div>
                        <div class="item_row item_type"><span>房屋类型:</span> <a href="#"><strong>独立屋</strong></a></div>
                        <div class="item_row item_price"><span>开价:</span> <strong>1,249,000元</strong></div>
                        <div class="item_row item_rooms"><span>房间数:</span> <strong>7 室, 3&frac12; 卫</strong></div>
                        <div class="item_row item_location"><span>城市 / 市镇:</span> <strong>伍家岗－沿江大道</strong></div>
                        <div class="item_row item_view"><a href="properties-details.html" class="btn_view">查看房源</a>
                        </div>
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/property_07.jpg"
                                                                                       width="218" height="125" alt=""/></a>
                        </div>
                        <div class="item_row item_type"><span>房屋类型:</span> <a href="#"><strong>土地</strong></a></div>
                        <div class="item_row item_price"><span>开价:</span> <strong>1,180,000元 </strong></div>
                        <div class="item_row item_rooms"><span>房间数:</span> <strong>3 室, 2 卫</strong></div>
                        <div class="item_row item_location"><span>城市 / 市镇:</span> <strong>清江润城-发展大道</strong></div>
                        <div class="item_row item_view"><a href="properties-details.html" class="btn_view">查看房源</a>
                        </div>
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="${pageContext.request.contextPath}/images/temp/property_06.jpg"
                                                                                       width="218" height="125" alt=""/></a>
                        </div>
                        <div class="item_row item_type"><span>房屋类型:</span> <strong>公寓</strong></div>
                        <div class="item_row item_price"><span>开价:</span> <strong>295,000元</strong></div>
                        <div class="item_row item_rooms"><span>房间数:</span> <strong>3 室, 2 卫</strong></div>
                        <div class="item_row item_location"><span>城市 / 市镇:</span> <strong>长江瑞景-万达</strong></div>
                        <div class="item_row item_view"><a href="properties-details.html" class="btn_view">查看房源</a>
                        </div>
                    </li>
                </ul>
            </div>

            <script type="text/javascript">
                jQuery(document).ready(function ($) {
                    $('#latest_properties').jcarousel({
                        easing: 'easeOutBack',
                        animation: 600,
                        scroll: 1
                    });
                });
            </script>

        </div>
    </div>
    <!--/ carousel before content -->

    <div class="middle">
        <div class="container_12">

            <!-- page content -->
            <div class="entry">

                <br/>

                <div class="col col_1">
                    <h2 class="title_up">你想买什么？</h2>
                </div>

                <div class="col col_1_2">
                    <div class="inner">
                        <p>暂定</p>
                    </div>
                </div>

                <div class="col col_1_2">
                    <div class="inner">
                        <p>暂定</p>
                    </div>
                </div>
                <div class="divider_space_thin"></div>

                <div class="col col_1_3">
                    <div class="inner"><a href="#"><img src="${pageContext.request.contextPath}/images/property_sale.png" width="137" height="137"
                                                        alt="房源售卖" class="alignleft"/></a>
                        <div class="text-block-1">
                            <strong>属性<span>出售</span></strong>
                            <p><a href="#" class="link-more2">查看所有属性 >></a></p>
                        </div>
                    </div>
                </div>

                <div class="col col_1_3">
                    <div class="inner"><a href="#"><img src="${pageContext.request.contextPath}/images/property_rent.png" width="137" height="137"
                                                        alt="APARTMENTS for RENT" class="alignleft"/></a>
                        <div class="text-block-1">
                            <strong>公寓<span>出租</span></strong>
                            <p><a href="#" class="link-more2">查看所有属性 >></a></p>
                        </div>
                    </div>
                </div>

                <div class="col col_1_3">
                    <div class="inner"><a href="#"><img src="${pageContext.request.contextPath}/images/property_lease.png" width="137" height="137"
                                                        alt="OFFICE SPACE for LEASE" class="alignleft"/></a>
                        <div class="text-block-1">
                            <strong>办公室<span>出租</span></strong>
                            <p><a href="#" class="link-more2">查看所有属性 >></a></p>
                        </div>
                    </div>
                </div>
                <div class="divider_space"></div>

            </div>
            <!--/ page content -->

            <!-- content -->
            <div class="grid_8 content">

                <div class="post-item">
                    <div class="post-title"><h2><em>从博客:</em> <a href="analyse.html">2020年秋季最佳房产</a></h2></div>
                    <div class="post-image"><img src="${pageContext.request.contextPath}/images/temp/entry_1.jpg" alt="" width="219" height="156"/></div>
                    <div class="post-short">
                        <div class="post-meta-top"><span class="meta-date">11月31日，星期四</span> 发表人: <span class="author">迈克·詹金斯</span>
                        </div>
                        <div class="post-descr">
                            <p>暂定</p>
                        </div>
                        <div class="post-meta-bot"><a href="#" class="link-more">继续阅读 >></a> <a href="#"
                                                                                                class="link-more2">所有的博客帖子
                            >></a></div>
                    </div>
                    <div class="clear"></div>
                </div>

                <div class="post-item">
                    <div class="post-title"><h2><em>行业新闻:</em> <a href="analyse.html">假房子卖给了信任的买家</a></h2></div>
                    <div class="post-image"><img src="${pageContext.request.contextPath}/images/temp/entry_2.jpg" alt="" width="219" height="156"/></div>
                    <div class="post-short">
                        <div class="post-meta-top"><span class="meta-date">星期三，11月30日，11日</span> 发表人: <span
                                class="author">西尔维亚•莫里斯</span></div>
                        <div class="post-descr">
                            <p>暂定</p>
                        </div>
                        <div class="post-meta-bot"><a href="#" class="link-more">继续阅读 >></a> <a href="#"
                                                                                                class="link-more2">所有的新闻文章
                            >></a></div>
                    </div>
                    <div class="clear"></div>
                </div>

            </div>
            <!--/ content -->
            <!--/ sidebar -->
            <div class="clear"></div>
        </div>
    </div>


</div>
<div style="display:none">
    <script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script>
</div>
</body>
</html>
